@extends('frontend/layouts/default')
@section('title')
Danh sách câu hỏi
@endsection
@section('content')
<div class="default-width-left">
    <!--Top 5 câu hỏi hữu ích-->
    <div class="MgT15">
        <div class="title">
            <label>Top 5 câu hỏi hữu ích</label>
        </div>
        <div class="table-hopam">
            <table cellpadding="0" cellspacing="0">
                <tbody>
                    <tr class="items">
                        @foreach($data['questions_vote'] as $question)
                        <td class="dis_block borderB-G">
                            <div class="list-items-ha">
                                <div>
                                    <a href="#" class="font-Bold colorRed">[<?= $question->category_title == "" ? "..." : $question->category_title ?>]</a>
                                    <a href="{{route('chi-tiet-hoi-dap',array('id'=>$question->id,'name'=>Str::slug($question->title)))}}" class="colorDackG font-Bold">- {{$question->title}}</a>
                                </div>
                                <div class="">
                                    <span class="color55">Người đăng:</span>
                                    <a href="#">{{$question->username}} &nbsp;</a>	
                                    <span class="color55">Ngày đăng:</span>
                                    <span class="color55">{{$question->getUpdatedAtAttribute($question->created_at)}} &nbsp;</span>	
                                    <span class="color55">{{$question->views}} lượt xem</span>	
                                </div>
                            </div>
                        </td>
                        @endforeach
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--Top 5 câu hỏi hữu ích end-->

    <!--comment facebook-->
    <div class="MgT20">
        <div>
            <div class="box-right MgL5 FL" style="width:400px;">
                <div class="title-box" style="width:400px;">
                    Câu hỏi mới nhất
                </div>
                <div class="Pd10">
                    <div class="questionslastest">
                      
                        
                    </div>
                </div>
            </div>
            <div class="box-right MgL10 FL" style="width:400px;">
                <div class="title-box" style="width:400px;">
                    Hỏi đáp sôi động
                </div>
                <div class="Pd10">
                    <div class="questionsanswer">
                       
                    </div>
                </div>
                <script>

                    $(window).on('hashchange', function () {
                        if (window.location.hash) {
                            var page = window.location.hash.replace('#', '');
                            if (page == Number.NaN || page <= 0) {
                                return false;
                            } else {
                               
                            }
                        }
                    });

                    $(document).ready(function () {
                        getQuestionsAnswer(1);
                        getQuestionslastest(1);
                        $(document).on('click', '.questions_lastest a', function (e) {
                            getQuestionslastest($(this).attr('href').split('questions_lastest=')[1]);
                            e.preventDefault();
                        });
                        $(document).on('click', '.questions_answer a', function (e) {
                            getQuestionsAnswer($(this).attr('href').split('questions_answer=')[1]);
                            e.preventDefault();
                        });
                    });

                    function getQuestionsAnswer(page) {
                        $.ajax({
                            type:"POST",
                            url: 'hoi-dap/loadquestion?questions_answer=' + page,
                            dataType: 'json',
                        }).done(function (data) {
                            $('.questionsanswer').html(data);
                          // location.hash = '?page_answer='
                        }).fail(function () {
                            alert('Posts could not be loaded.');
                        });
                    }
                    function getQuestionslastest(page) {
                        $.ajax({
                            type:"POST",
                            url: 'hoi-dap/loadquestion?questions_lastest=' + page,
                            dataType: 'json',
                        }).done(function (data) {
                            $('.questionslastest').html(data);
                            // location.hash = page;
                        }).fail(function () {
                            alert('Posts could not be loaded.');
                        });
                    }
                </script>
            </div>
        </div>
    </div>
</div>
<!--end content left-->
<!--content right-->
<div class="default-width-right">
    <!--search top-->
    @include('commons/form-search')
    <!--search top end-->
    @include('frontend/questions/_partials/details/fast-question')
    <!--Top dong gop hop am-->
    @include('frontend/questions/_partials/commons/top_user')
    <!--Top dong gop hop am end-->
    <!--Bài viết được bình luận nhiều-->
    @include('frontend/questions/_partials/details/top-qa')
    <!--Bài viết được bình luận nhiều end-->

</div>
@if(Session::has('create_fast_question'))
<script>
    alert('Câu hỏi của  bạn đã được lưu !!!');
</script>
Session::forget('create_fast_question');
@endif
@if(Session::has('not_login'))
<script>
    alert('Bạn cần đăng nhập để tạo câu hỏi!!!');
   </script>
Session::forget('not_login');
@endif
<!--end content right-->
@endsection